<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <div class="wave">
                <div class="dot" style="--i: 1"></div>
                <div class="dot" style="--i: 2"></div>
                <div class="dot" style="--i: 3"></div>
                <div class="dot" style="--i: 4"></div>
                <div class="dot" style="--i: 5"></div>
                <div class="dot" style="--i: 6"></div>
                <div class="dot" style="--i: 7"></div>
                <div class="dot" style="--i: 8"></div>
                <div class="dot" style="--i: 9"></div>
                <div class="dot" style="--i: 10"></div>
                <div class="dot" style="--i: 11"></div>
                <div class="dot" style="--i: 12"></div>
                <div class="dot" style="--i: 13"></div>
                <div class="dot" style="--i: 14"></div>
                <div class="dot" style="--i: 15"></div>
                <div class="dot" style="--i: 16"></div>
                <div class="dot" style="--i: 17"></div>
                <div class="dot" style="--i: 18"></div>
                <div class="dot" style="--i: 19"></div>
                <div class="dot" style="--i: 20"></div>
                <div class="dot" style="--i: 21"></div>
                <div class="dot" style="--i: 22"></div>
                <div class="dot" style="--i: 23"></div>
                <div class="dot" style="--i: 24"></div>
                <div class="dot" style="--i: 25"></div>
                <div class="dot" style="--i: 26"></div>
                <div class="dot" style="--i: 27"></div>
                <div class="dot" style="--i: 28"></div>
                <div class="dot" style="--i: 29"></div>
                <div class="dot" style="--i: 30"></div>
                <div class="dot" style="--i: 31"></div>
                <div class="dot" style="--i: 32"></div>
                <div class="dot" style="--i: 33"></div>
                <div class="dot" style="--i: 34"></div>
                <div class="dot" style="--i: 35"></div>
                <div class="dot" style="--i: 36"></div>
                <div class="dot" style="--i: 37"></div>
                <div class="dot" style="--i: 38"></div>
                <div class="dot" style="--i: 39"></div>
                <div class="dot" style="--i: 40"></div>
                <div class="dot" style="--i: 41"></div>
                <div class="dot" style="--i: 42"></div>
                <div class="dot" style="--i: 43"></div>
                <div class="dot" style="--i: 44"></div>
                <div class="dot" style="--i: 45"></div>
                <div class="dot" style="--i: 46"></div>
                <div class="dot" style="--i: 47"></div>
                <div class="dot" style="--i: 48"></div>
                <div class="dot" style="--i: 49"></div>
                <div class="dot" style="--i: 50"></div>
                <div class="dot" style="--i: 51"></div>
                <div class="dot" style="--i: 52"></div>
                <div class="dot" style="--i: 53"></div>
                <div class="dot" style="--i: 54"></div>
                <div class="dot" style="--i: 55"></div>
                <div class="dot" style="--i: 56"></div>
                <div class="dot" style="--i: 57"></div>
                <div class="dot" style="--i: 58"></div>
                <div class="dot" style="--i: 59"></div>
                <div class="dot" style="--i: 60"></div>
                <div class="dot" style="--i: 61"></div>
                <div class="dot" style="--i: 62"></div>
                <div class="dot" style="--i: 63"></div>
                <div class="dot" style="--i: 64"></div>
                <div class="dot" style="--i: 65"></div>
                <div class="dot" style="--i: 66"></div>
                <div class="dot" style="--i: 67"></div>
                <div class="dot" style="--i: 68"></div>
                <div class="dot" style="--i: 69"></div>
                <div class="dot" style="--i: 70"></div>
                <div class="dot" style="--i: 71"></div>
                <div class="dot" style="--i: 72"></div>
                <div class="dot" style="--i: 73"></div>
                <div class="dot" style="--i: 74"></div>
                <div class="dot" style="--i: 75"></div>
                <div class="dot" style="--i: 76"></div>
                <div class="dot" style="--i: 77"></div>
                <div class="dot" style="--i: 78"></div>
                <div class="dot" style="--i: 79"></div>
                <div class="dot" style="--i: 80"></div>
                <div class="dot" style="--i: 81"></div>
                <div class="dot" style="--i: 82"></div>
                <div class="dot" style="--i: 83"></div>
                <div class="dot" style="--i: 84"></div>
                <div class="dot" style="--i: 85"></div>
                <div class="dot" style="--i: 86"></div>
                <div class="dot" style="--i: 87"></div>
                <div class="dot" style="--i: 88"></div>
                <div class="dot" style="--i: 89"></div>
                <div class="dot" style="--i: 90"></div>
                <div class="dot" style="--i: 91"></div>
                <div class="dot" style="--i: 92"></div>
                <div class="dot" style="--i: 93"></div>
                <div class="dot" style="--i: 94"></div>
                <div class="dot" style="--i: 95"></div>
                <div class="dot" style="--i: 96"></div>
                <div class="dot" style="--i: 97"></div>
                <div class="dot" style="--i: 98"></div>
                <div class="dot" style="--i: 99"></div>
                <div class="dot" style="--i: 100"></div>
                <div class="dot" style="--i: 101"></div>
                <div class="dot" style="--i: 102"></div>
                <div class="dot" style="--i: 103"></div>
                <div class="dot" style="--i: 104"></div>
                <div class="dot" style="--i: 105"></div>
                <div class="dot" style="--i: 106"></div>
                <div class="dot" style="--i: 107"></div>
                <div class="dot" style="--i: 108"></div>
                <div class="dot" style="--i: 109"></div>
                <div class="dot" style="--i: 110"></div>
                <div class="dot" style="--i: 111"></div>
                <div class="dot" style="--i: 112"></div>
                <div class="dot" style="--i: 113"></div>
                <div class="dot" style="--i: 114"></div>
                <div class="dot" style="--i: 115"></div>
                <div class="dot" style="--i: 116"></div>
                <div class="dot" style="--i: 117"></div>
                <div class="dot" style="--i: 118"></div>
                <div class="dot" style="--i: 119"></div>
                <div class="dot" style="--i: 120"></div>
                <div class="dot" style="--i: 121"></div>
                <div class="dot" style="--i: 122"></div>
                <div class="dot" style="--i: 123"></div>
                <div class="dot" style="--i: 124"></div>
                <div class="dot" style="--i: 125"></div>
                <div class="dot" style="--i: 126"></div>
                <div class="dot" style="--i: 127"></div>
                <div class="dot" style="--i: 128"></div>
                <div class="dot" style="--i: 129"></div>
                <div class="dot" style="--i: 130"></div>
                <div class="dot" style="--i: 131"></div>
                <div class="dot" style="--i: 132"></div>
                <div class="dot" style="--i: 133"></div>
                <div class="dot" style="--i: 134"></div>
                <div class="dot" style="--i: 135"></div>
                <div class="dot" style="--i: 136"></div>
                <div class="dot" style="--i: 137"></div>
                <div class="dot" style="--i: 138"></div>
                <div class="dot" style="--i: 139"></div>
                <div class="dot" style="--i: 140"></div>
                <div class="dot" style="--i: 141"></div>
                <div class="dot" style="--i: 142"></div>
                <div class="dot" style="--i: 143"></div>
                <div class="dot" style="--i: 144"></div>
                <div class="dot" style="--i: 145"></div>
                <div class="dot" style="--i: 146"></div>
                <div class="dot" style="--i: 147"></div>
                <div class="dot" style="--i: 148"></div>
                <div class="dot" style="--i: 149"></div>
                <div class="dot" style="--i: 150"></div>
                <div class="dot" style="--i: 151"></div>
                <div class="dot" style="--i: 152"></div>
                <div class="dot" style="--i: 153"></div>
                <div class="dot" style="--i: 154"></div>
                <div class="dot" style="--i: 155"></div>
                <div class="dot" style="--i: 156"></div>
                <div class="dot" style="--i: 157"></div>
                <div class="dot" style="--i: 158"></div>
                <div class="dot" style="--i: 159"></div>
                <div class="dot" style="--i: 160"></div>
                <div class="dot" style="--i: 161"></div>
                <div class="dot" style="--i: 162"></div>
                <div class="dot" style="--i: 163"></div>
                <div class="dot" style="--i: 164"></div>
                <div class="dot" style="--i: 165"></div>
                <div class="dot" style="--i: 166"></div>
                <div class="dot" style="--i: 167"></div>
                <div class="dot" style="--i: 168"></div>
                <div class="dot" style="--i: 169"></div>
                <div class="dot" style="--i: 170"></div>
                <div class="dot" style="--i: 171"></div>
                <div class="dot" style="--i: 172"></div>
                <div class="dot" style="--i: 173"></div>
                <div class="dot" style="--i: 174"></div>
                <div class="dot" style="--i: 175"></div>
                <div class="dot" style="--i: 176"></div>
                <div class="dot" style="--i: 177"></div>
                <div class="dot" style="--i: 178"></div>
                <div class="dot" style="--i: 179"></div>
                <div class="dot" style="--i: 180"></div>
                <div class="dot" style="--i: 181"></div>
                <div class="dot" style="--i: 182"></div>
                <div class="dot" style="--i: 183"></div>
                <div class="dot" style="--i: 184"></div>
                <div class="dot" style="--i: 185"></div>
                <div class="dot" style="--i: 186"></div>
                <div class="dot" style="--i: 187"></div>
                <div class="dot" style="--i: 188"></div>
                <div class="dot" style="--i: 189"></div>
                <div class="dot" style="--i: 190"></div>
                <div class="dot" style="--i: 191"></div>
                <div class="dot" style="--i: 192"></div>
                <div class="dot" style="--i: 193"></div>
                <div class="dot" style="--i: 194"></div>
                <div class="dot" style="--i: 195"></div>
                <div class="dot" style="--i: 196"></div>
                <div class="dot" style="--i: 197"></div>
                <div class="dot" style="--i: 198"></div>
                <div class="dot" style="--i: 199"></div>
                <div class="dot" style="--i: 200"></div>
            </div>
        </div>
    </body>
</html>
